﻿
@{
    ViewData["Title"] = "Index";
    Layout = "~/Views/Shared/_MyLayout.cshtml";
}


<div>


    <div class="layui-row layui-form">
        <div class="layui-col-md2 layui-col-md-offset5 " style="margin-top:20px;"><input type="text" id="txt_Select" placeholder="请输入名称" autocomplete="off" class="layui-input"></div>
        <div class="layui-col-md1" style="margin-top:20px;"> <button class="layui-btn layui-btn-radius" onclick="btn_search()">搜索</button></div>
    </div>

    <div class="layui-row">
        <table id="mytable" lay-filter="test"></table>
    </div>
    <script type="text/html" id="toolbarDemo">
        <div class="layui-row">
            <div class="layui-btn-container layui-col-md11">
                <button class="layui-btn layui-btn-sm " onclick="btn_adddate()"><i class="layui-icon  layui-icon-upload-circle "></i>添加非耗材</button>
                <button class="layui-btn layui-btn-sm " lay-event="excelUpload" id="test3"><i class="layui-icon  layui-icon-upload-circle "></i>Excel导入</button>
                <button type="button" class="layui-btn" id="isload" style="display:none">no</button>
                <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="update"><i class="layui-icon"></i>修改非耗材信息</button>
                <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="updates"><i class="layui-icon"></i>删除非耗材信息</button>
                <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event=""><i class="layui-icon"></i>入库记录查询</button>
                @*<button class="layui-btn layui-btn-sm layui-btn-danger" lay-event=""><i class="layui-icon"></i>已借出记录查询</button>*@
            </div>
            <div class="layui-col-md1">
                <!--导出最好使用window.open() & form表单.submit()，使用ajax不能直接导出文件-->
                <form method="post" action="/Goods_Equipment/ExcelDownload">
                    <button class="layui-btn layui-btn-sm"><i class="layui-icon layui-icon-export"></i>Excel导出</button>
                </form>
            </div>
        </div>
    </script>

    <script type="text/html" id="stateTpl">
        {{#  if(d.Status == 0){ }}
        <span style="color: #F581B1;">审核中</span>
        {{#  } else if(d.Status == 1) { }}
        <span>审核通过</span>
        {{#  }else if(d.Status == 2) { }}
        <span style="color:#b251f6">已撤销</span>
        {{#  } else if(d.Status == 3) { }}
        <span style="color:red">已被驳回</span>
        {{#  }else if(d.Status == 4) { }}
        <span style="color:#0094ff">已领取</span>
        {{#  }  }}
    </script>
</div>

<script type="text/javascript">
    var table;
    var active;
    var url = "";
    var action;
    var tabIns = null;  //定义一个对象
    layui.use('table', function () {
        table = layui.table;
        var form = layui.form;

        //实例
        tabIns =table.render({
            elem: '#mytable'
            , skin: 'line' //行边框风格
            , url: '/Goods_Equipment/GetJsonList' //数据接口
            , toolbar: '#toolbarDemo'
            , cellMinWidth: 70    //  自适应宽度，最短宽度80
            , page: true //开启分页
            , limits: [5, 10, 15, 20, 25, 30]
            , limit: 15 //每页默认显示的数量
            , defaultToolbar: ['filter', 'print', 'exports']//自由配置头部工具栏右侧的图标,导出乱码bug
            , cols: [[ //表头
                { type: 'checkbox', fixed: 'left' }
                //, { field: 'Id', title: 'Id', sort: false, fixed: 'left', width: 70 }
                , { field: 'GoodsId', title: '编号', sort: false }
                , { field: 'Name', title: '名称', sort: false }
                , { field: 'Unit', title: '单位', sort: false }
                , { field: 'Num', title: '库存数量', sort: false }
                , { field: 'Description', title: '描述', sort: false }
                , { field: 'CategoryName', title: '类别', sort: false }
                , { field: 'Money', title: '价格', sort: false }
                , { field: 'Specification', title: '规格', sort: false }
            ]],

        });

        //工具栏事件 注意：上方工具栏是toolbar
        table.on('toolbar(test)', function (obj) {
            //debugger;
            var checkStatus = table.checkStatus(obj.config.id);
            switch (obj.event) {
                case 'apply':
                    //获取选中的个数
                    if (checkStatus.data.length == 1) {
                        //获取选中的信息
                        var data = checkStatus.data;
                        //转成json格式的字符串
                        var strdata = JSON.stringify(data);
                        //转成json格式
                        var jsondata = JSON.parse(strdata);
                        //调用更新的方法
                        btn_apply(jsondata[0].Id);
                    } else {
                        layer.alert("必须选中且只能选中一条信息！");
                    }
                    break;
                case 'excelUpload':
                    btn_excelUpload();
                    break;
                case 'update':
                    //获取选中的个数
                    if (checkStatus.data.length == 1) {
                        //获取选中的信息
                        var data = checkStatus.data;
                        //转成json格式的字符串
                        var strdata = JSON.stringify(data);
                        //转成json格式
                        var jsondata = JSON.parse(strdata);
                        //调用更新的方法
                        btn_update(jsondata[0].Id);
                    } else {
                        layer.alert("必须选中且只能选中一条信息！");
                    }
                    break;

                case 'updates':
                    if (checkStatus.data.length == 1) {


                        //获取选中的信息
                        var data = checkStatus.data;
                        //转成json格式的字符串
                        var strdata = JSON.stringify(data);
                        //转成json格式
                        var jsondata = JSON.parse(strdata);
                        //调用更新的方法


                        btn_updates(jsondata[0].Id);

                    }
                    else {
                        layer.alert("必须选中且只能选中一条信息！");
                    }
            };
        });


    });
    layui.use('layer', function () {
        //触发事件
        var id = "100";
        active = {
            notice: function () {
                //示范一个公告层
                layer.open({
                    type: 1
                    , title: [action, 'font-size:18px;']
                    , closeBtn: 1
                    , area: ['780px', '420px']
                    , shade: 0.8
                    , id: 'LAY_layuipro' //设定一个id，防止重复弹出
                    , btnAlign: 'c'
                    , moveType: 1 //拖拽模式，0或者1
                    , content: '<iframe data-frameid="' + id + '" scrolling="auto" frameborder="0" src="' + url + '" style="width:100%;height:99%;"></iframe>'

                    , success: function (layero) {
                    }
                    , yes: function (index, layero) {
                        if (confirm('确定要' + action + '吗？')) { //只有当点击confirm框的确定时，该层才会关闭
                            layer.close(index)
                        }
                    }
                    , cancel: function (index, layero) {
                        layer.close(index);
                        //刷新table
                        btn_search();

                    }
                });
            }

        };
    });
    //查询
    btn_search = function () {
        var selectInfo = $("#txt_Select").val();
        table.reload('mytable', {
            url: '/Goods_Equipment/GetJsonList',
            page: {
                curr: 1//从第一页开始
            },
            where: {
                selectInfo: selectInfo,
            } //设定异步数据接口的额外参数
        });
    };
    //申请领用按钮
    btn_apply = function (Id) {
        action = "非耗材借出";
        url = "/Goods_Equipment/ApplyingIndex?id=" + Id + "";
        var othis = $(this);
        active["notice"] ? active["notice"].call(this, othis) : '';
    }
    var index = null;
    btn_adddate = function () {
        index = layer.open({
            type: 2,
            title: '添加',
            shadeClose: true,
            area: ['700px', '600px'],
            content: '/Goods_Equipment/Addgoods'
        });
    }

    //导入
    function btn_excelUpload() {
        if ($("#isload").html() == "no") {
            //初始化实例：因为放在toolbar中，所以必须在toolbar渲染之后再加载模块（或者可以延迟几秒加载模块）
            layui.use('upload', function () {
                var $ = layui.jquery
                    , upload = layui.upload;
                //指定允许上传的文件类型
                upload.render({
                    elem: '#test3'
                    , url: '/Goods_Equipment/ExcelUpload'
                    , accept: 'file' //普通文件
                    , exts: 'xlsx'//后缀
                    , size: 2000 //限制文件大小，单位 KB
                    , done: function (res) {
                        debugger;
                        layer.alert(res.result);
                        btn_search();
                    }
                });
            });
            $('#isload').html("ok")
        }
    };

    //修改
    btn_update = function (Id) {
        //alert(Id);
        action = "修改";
        url = "/Goods_Equipment/UpdateIndex?id=" + Id + "";
        var othis = $(this);
        active["notice"] ? active["notice"].call(this, othis) : '';
    };
    //删除
    btn_updates = function (Id) {

        layer.confirm('是否删除？', {
            btn: ['确定', '取消'] //按钮
        }, function () {

                $.get("/Goods_Equipment/Detele?id=" + Id + "", {}, function (res) {
                    layer.msg('删除成功', { icon: 1 });
                   
                    tabIns.reload();
                })

          
        }, function () {


            layer.msg('取消成功', { icon: 1 });

        });



   
      
        //var othis = $(this);
        //active["notice"] ? active["notice"].call(this, othis) : '';
    };
</script>




